// 项目的根组件
// 导入样式
import './index.css'
const style = {
  color: 'red ',
  fontWeight: "bolder" 
}

function App() {
  return (
    <div>
     {/* 行内样式控制 */}
     {/* <span style={{ color: 'red ', fontWeight: "bolder" }}>this is span</span> */}
     <span style={style}>this is span</span>
     {/* 通过class类名控制 */}
     <span className="foo">this is class foo</span>
    </div>
  );
}

export default App;
